查看原文
其他

从「拆P教室」到「灵感上线」,PPT制作的实战案例

优卡卡 优卡说 2019-07-31

本文作者:嘉钰Yvette

简介:「拆P教室」小伙伴


2018年9月22日,我加入拆P教室,开始了每日打卡拆P的行动。


在每天重复性的找素材拆P的过程中,也是需要动手操作来检验自己这段时间的学习成果。


于是,在优卡老师在「拆P教室」里问有没有谁愿意尝试「灵感上线」的时候,我就主动站出来要尝试一下啦~


在本次「灵感上线」设计过程中,我主要经历了以下三个过程进行设计。

拆解过程(前期):找参考,巧提炼

制作过程(中期):各个页面的设计

修改过程(后期):细节修改,反复思考,举一反三



01:拆解过程


1、找参考


灵感参考哪里找,留意身边大小事,网页画册和banner,实在不行找优卡。(关注优卡的微信公众号,可以获得超多灵感来源哦~)


国内外各种网页界面的设计都可以作为灵感收集。比如,我选择了下面这个网页作为本次「灵感上线」的主要参考。



2、巧提炼


这一部分是运用拆解思维提炼网页设计中的元素,从不同方面入手,系统全面的提取灵感。


从整体来看,该网页风格呈扁平化,在提炼配色和字体后,PPT制作的设计规范就出来啦。



整体的排版方式可以通过页面分类进行选择,在经过一番分类选择后,整个PPT模板的雏形基本就出来啦。



之前都是以全局的视角来看这个网页,现在需要通过局部的视角来提取网页的关键元素,应用到接下来的PPT制作中。


我在本次设计中提取了这次灵感网页中的【菱形】作为主要元素,【线条】作为过渡元素,长方形的【按钮】作为辅助元素。




02:制作过程


经过拆解和提炼后,接下来就是PPT制作了。


在PPT制作过程中,我总结了以下4个需要注意的方面:


1、遵循PPT设计的基本规范


亲密性、对齐、重复、对比,控制页边距,统一样式等等。


像这种形状+文字的设计,需要平衡间距,使整个页面具有呼吸感。



2、选择适合PPT呈现的版式


网页中有些页面是只适用于网页呈现的,但是在PPT中会比较多余。


例如下面这个设计,一左一右图标透明度不一样,这是网页呈现的效果。但是在PPT设计里,这种效果就会显得很突兀,因此在PPT制作中,需要把这两个图标设置成一样的透明度。



3、思考页面背后的设计逻辑


我所理解的设计逻辑,是参考页面的排版分布和内容分布背后的逻辑。


设计逻辑越清晰,观者越能够了解这份PPT所要表达的内容。


例如,我将下面这个页面的设计应用于体现不同观点,用亮色矩形框凸显主要阐述的观点。



再例如,这样一个四周环绕,凸显中心的设计,我将它改造成四周图片为烘托氛围、中心为论点的排版。



4、回顾曾经收集的素材,获取更多灵感


下面这三个版式的灵感来源,均来自我之前在「拆P教室」中拆过的案例,经过提取灵感转化后变成了新的内容页啦~




03:修改过程


修改的过程,除了遵循以上4个规范,进行反复的修改外,还要进行细节上的修改。

例如调整线条方框的尺寸和颜色,使之呈现最优化状态。同时,不只是单一的模仿,还要举一反三。


在此次设计中,我通过改变菱形的数量、大小、布局等等,作为页面的修饰元素。

一个菱形



三个菱形



多个菱形…



当然,参考网页的菱形箭头元素不止可以作为指示下一页的图标,也可以利用其引导视线的作用,作为修饰文字段落的图标。



最后,成品如下~



04:一点感想


在做「灵感上线」PPT的这一段时间里,我通过潜心分析素材,回顾之前曾经拆过的PPT案例,不断的修改和打磨,发现了一些自己不足的地方,以后也可以更加有针对性的拆P学习。


学会在点滴积累中不断的思考,然后动手去做,不一定是每次或者每天都要思考,因为长时间强迫性的思考可能会适得其反,要松弛有度。


但是进行了一定周期后,一定要思考和动手,再根据实际动手的反馈,发现问题,形成一个闭环路径。


不断经历一次又一次这样的循环过程后,一定会有所收获的!



免费获取《嘉钰Yvette的PPT模板》下载


第一步,扫码关注「优卡说」微信公众号



第二步,回复关键字:嘉嘉



想提高PPT制作能力?

真正有效的PPT学习方法是什么?

了解下「拆P教室」吧!



点击图片,了解更多~


一次报名,永久有效。

赠送「优卡说」PPT资源合集,全网独家!

最佳的学习氛围,来的越早,学的越多!

让每一个后来者,都相见恨晚~



  推荐阅读  

点击图片,即可跳转查看


原创不易,点赞分享朋友圈吧~

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存